<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式演示</title>
    <style>

        /*背景图片重复 background-repeat
            no-repeat：不重复    repeat-x：水平重复   repeat-y：垂直重复   repeat：水平+垂直重复*/
        body {
            background: url("../img/wx.png");
            /*background-repeat:no-repeat;*/
            /*background-repeat:repeat-x;*/
            /*background-repeat:repeat-y;*/
            background-repeat: repeat;
        }

        /*轮廓控制 outline
            double：双实线    dotted：圆点   dashed：虚线   none：无*/
        input {
            /*outline: deepskyblue double;*/
            /*outline: dotted;*/
            /*outline: dashed;*/
            /*outline: none;*/
        }

        /*元素显示 display
            inline：内联元素（无换行、无长宽）  block：块级元素（有换行） inline-block：内联元素（有长宽）  none：隐藏元素*/
        div {
            /*display: inline;*/
            /*display: block;*/
            /*display: inline-block;
            width: 50px;
            height: 50px;*/
            display: none;
        }

    </style>
</head>
<body>
    账号：<input type="text" id="username" name="password" placeholder="请在此输入账号" value="" required/>

    <div>春</div>
    <div>夏</div>
    <div>秋</div>
    <div>冬</div>

</body>
</html>